.side-panel{
	min-height:1200px;
	background-color:#D3DFE5;
	position: 	relative;
} 
.nav{
  &.nav-side{
  	margin:0 -15px;
  	&>li{
  		&.header{
  			padding:10px 15px;
  			line-height: 20px;
  			color:darken(#45484B,30%);
  			font-weight: 	bold;
	  		text-align: 	right;
  			margin-top:20px;
  		}
  		&.active{
	  		&>a,&>a:hover{
	  			background-color:darken(#D3DFE5,10%);
	  			color:#111;
	  			position:relative;
	  			border-left:solid 5px #08C;
	  		}
  		}
  		&>a{
  			.transition(all 0.1s);
  			text-shadow:0 1px 1px rgba(255,255,255,0.7);
	  		display:block;
	  		color:#45484B;
	  		text-align: 	right;
	  		&:hover{
	  			background-color:darken(#D3DFE5,5%);
	  		}
  		}
  	}
  }
}

.table-bordered thead tr{
  	#gradient.vertical(#f8f8f8,#ececec);
}
.table {
		th{
		color:@gray;
		&.sorting {
			cursor:pointer;
			background: url('../img/sort-both.png') no-repeat center right;
		}
		&.sort-asc { 
			//outline: solid 1px @link-color; 
			color:@link-color;
			cursor:pointer;
			background: url('../img/sort-asc.png') no-repeat center right;
		}
		&.sort-desc {
			//outline: solid 1px @link-color;
			color:@link-color;
			cursor:pointer;
			background: url('../img/sort-desc.png') no-repeat center right;
		}
	}
	tbody tr.active td{ 
		background-color:#FFF8DB;
	}
	label{ 
		margin:0px;
		input[type="checkbox"]{
			margin:0px; 
		}
	}
	tr td{
		input[type=text]{
			width:auto;
		}
		word-break:break-all;
	}
}

.form-table{
  width:100%;
  tr{
    td{
	    vertical-align: top;
		padding: 5px 5px;
		input,select,.input-append,textarea{
			margin-bottom:0;
		}
		.help-block{
			margin-bottom: 0;
		}
    }
    td.form-label{
      text-align:right;
      color:#656B74; 
      font-weight: bold;
	  line-height: 30px;
      label{
		line-height: 30px;
	      color:#656B74; 
	      font-weight: bold;
      }
     // border:solid 1px #bbb;
     // background-color:#f5f5f5;
    }
    td.form-field{
      text-align:left;
	  line-height: 30px;
     // border:solid 1px #bbb;
    }
  }
  .radio.inline, .checkbox.inline{
  	vertical-align: top;
  }
  input[type=radio],input[type=checkbox]{
  	vertical-align: top;
  }
}

.tabbable {
	.nav-tabs{
		margin-bottom:0 !important;
		li>a{
			border-radius: 0;
			background-color:#E5E5E5;
		}
		.active>a,.active>a:hover{
			border-top:solid 2px @link-color;
			background-color:#FFF;
		}
	}
	.tab-content {
		padding:10px;
		background-color:#FFF;
		border:solid 1px #ddd;
		border-top:none;
	} 

} 


.bg-sub{ 
	background-color:#eee;
}
.bg-main{
	background-color:#f5f5f5;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
.bg-white{
	background-color:#fff;
}

.btn-embed{
	border-color:transparent; 
	background:transparent; 
	&:hover{
		.btn;
    	background-position:inherit;
	}
	&:hover,&:active{
		border-color:@btn-default-border; 
	}
}
.navbar.navbar-embed{
	border-radius:0px;
	margin-bottom:0;
}


.avatar{
	width:50px;
	height:50px;
	border-radius:4px;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	&.lg{
		width:100px;
		height:100px;
	}
}

.avatar-header{
	background-color:#0088CC;
	border-bottom:solid 6px #1E68AC;
	box-shadow:0 0 10px rgba(0,0,0,0.6);
	.inner{
		position:relative;
		padding-top: 40px;
		.avatar{
			.img-thumbnail;
			border-radius:120px;
			bottom:-63px;  
			position:absolute;
			width:120px;                  
			height:120px;
			z-index: 20;
		}
		.title{
			height:40px;
			margin-left:150px;
			font-size:18px;
			color:#fff;
			font-weight: bold;
			text-shadow:0px -1px 1px rgba(0,0,0,0.5);
		}
	}
}